@charset "utf-8";

@font-face{ font-family:Impact; src:url(../font/impact.ttf);}

@font-face{ font-family:PingFang; src:url(../font/SAIRAEXTRACONDENSED-SEMIBOLD_1.woff);}

@media (max-width:4000px){html{font-size:18px;}}

@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}



/*==========================================公共 开始=============================================*/

.ar_wap{ display:none}

.a_body{ position:relative; z-index:0;}

.section{ overflow:hidden;}



.header_box{position: relative;z-index: 100;height: 100px;}



.header{z-index: 4777;padding: 0;height: 100px;top: 0;width: 100%;position: relative;}

.header>.w1200{}

.header:before{content:"";position:absolute;top:0;left: 0;margin-left: 0;width: 100%;height: 100%;background: transparent;transition: 0.6s;}



.header:after{content: '';background: #ffffff;position: absolute;top: 73px;right:0;height:190px;left:0;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);}

.header .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}

.header .logo {display: block;float: left;height: 100px;line-height: 100px;position:relative;max-width: 250px;}

.header .logo svg{ display:inline-block; vertical-align:middle}

.header .center{width: calc(100% - 364px);text-align:center;}

.header .right{}

.header .right .denglu{display:inline-block;line-height:120px;margin-right: 20px;}

.header .right .denglu a{ display:inline-block; width:90px; height:2.5rem; line-height:2.5rem; background:#e87922; border-radius:1.25rem; font-size:1.125rem; text-align:center; color:#fff; transition:0.6s}

.header .right .yuyan{position: relative;z-index: 1;display: inline-block;margin-right: 54px;}

.header .right .yuyan a{display:inline-block;height: 120px;line-height: 120px;font-size: 1rem;color: #000000;}



.nav{display: inline-block;padding: 0;vertical-align: top;}

.nav li{float: left;display: block;margin: 0 0 0 2.5rem;position: relative;}

.nav li.nav_li{}

.nav>ul>li>a{display: block;height: 100px;line-height: 100px;text-align: center;z-index: 2;font-size: 1.0rem;color: #333333;padding: 0;cursor: pointer;position: relative; font-weight:bold;}

.nav>ul>li>a:before {content: "";height: 4px;position: absolute;left: 0;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background-size: 100% 3px;border-radius: 1.5px;}

.nav>ul>li>a:hover:before,.nav>ul>li.on>a:before{right: 0;}

.nav>ul>li>a:after {content: "";height: 3px;position: absolute;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background-size: 100% 3px;border-radius: 1.5px;display: none;}

.nav>ul>li>a:hover,.nav>ul>li.on>a{ color:#00bf41}

.nav>ul>li.nav_li:after{content:"";position:absolute;top: 50%;bottom:0;right: 5px;width:10px;height:5px;margin-top: -2.5px;z-index: 0;}

.nav>ul>li .rd-navbar-dropdown{position: absolute;top: 100px;left: 50%;margin-left: -65px;width: 130px;min-width: 118px;z-index: 1;text-align: center;transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);background: #fff;}

.nav>ul>li .rd-navbar-dropdown li{display:block;float:none;padding: 0;width: 100%;line-height: 28px;font-weight: normal;}

.nav>ul>li .rd-navbar-dropdown::before {}

.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a::before, .nav>ul>li .rd-navbar-dropdown li > a{ transition: .15s ease-in-out;}

.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a:focus, .nav>ul>li .rd-navbar-dropdown li > a:active{color: #333;}

.nav>ul>li .rd-navbar-dropdown li > a{position: relative;padding: 0;text-align: left;line-height: 36px;white-space: nowrap;transition: 0.6s;font-size: 14px;}

.nav>ul>li .rd-navbar-dropdown li > a::before{content: '';position: absolute;top: 10px;left: 0;display: inline-block;width: 0;height: 0;font-size: 0;line-height: 0;border-style: solid;border-width: 4px 0 4px 10px;border-color: transparent transparent transparent #b7b7b7;display: none;}

.nav>ul>li .rd-navbar-dropdown li > a h3 svg{ height:33px !important; transition:0.6s}

.nav>ul>li .rd-navbar-dropdown .w1200{border-top:#efefef 1px solid;padding: 1.5rem 0;max-width: 100%;}

.nav>ul>li .rd-navbar-dropdown li h4{font-size:1rem;color:#000000;margin-bottom:0.375rem;transition: .26s;}

.nav>ul>li .rd-navbar-dropdown li.on h4, .nav>ul>li .rd-navbar-dropdown li h4:hover{ color:#2bbc5c}

.nav>ul>li .rd-navbar-dropdown li h6{font-size:0.875rem;color: #666666;line-height:1.5rem;}



.nav>ul>li .rd-navbar-dropdown li dl dd{ line-height:32px; color:#666666}

.nav>ul>li .rd-navbar-dropdown li dl dd a{color:inherit;transition: 0.6s;}



.nav>ul>li .rd-navbar-dropdown.rd-navbar-dropdown_san li{display:inline-block;margin: 0;}

.nav>ul>li .rd-navbar-dropdown.rd-navbar-dropdown_san li > a{ border-bottom: #E7E7E7 1px solid; margin-bottom: 10px;}



.nav>ul>li .rd-navbar-dropdown li > a:hover{color: #000;}

.nav>ul>li .rd-navbar-dropdown li > a:hover::after{ border-color: transparent transparent transparent #104a9e;}

.nav>ul>li .rd-navbar-dropdown.focus{margin-top:0;visibility:visible;opacity:1;}

.nav>ul>li .rd-navbar-dropdown li > a:hover h3 svg{ transform:translateY(-5px)}





.header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.25);}

.header.width:before{width:100%;margin-left: 0;left: 0;background: rgba(255, 255, 255, 0.95);}

.header:after{width:100%;margin-left: 0;left: 0;transition: all 0.36s;background: rgba(255, 255, 255, 0.94);opacity:0;visibility:hidden;display: none;}

.header.on:after{ opacity:1; visibility:visible}



.header .content{padding: 0;}

.header .content .right dl{float:left;font-size:0;line-height: 75px;margin-left: 1rem;position:relative;z-index: 10;}

.header .content .right dl dd{display:inline-block;margin-right: 0.875rem;cursor: pointer;}

.header .content .right dl dd a{display:inline-block;height: 46px; position:relative; vertical-align:middle}

.header .content .right dl dd a img{vertical-align:top;position: relative;}

.header .content .right dl dd a .con{position:absolute;right:0;top:0;bottom:0;width:100%;border-radius:23px;background: #104a9e;transition:0.6s;opacity:0;font-size:16px;color:#fff;text-align:left;padding-left:20px;line-height:46px;white-space: nowrap;}



.header .content .right dl dd a:hover .con{ width:180px; opacity:1}



.header.width.on:before{ border-bottom:#e1e1e1 1px solid}

.header.width.on:after{ top:85px}

.header.width .nav{}

.header.width .nav>ul>li>a{}





.search_btn{line-height: 100px;margin-left: 2.5rem;cursor: pointer;display: inline-block;position: absolute;}

.search_btn svg{width:1.0rem;height:1.0rem;fill:#4a4a4a;vertical-align: middle;}

input{ border:none}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}

.tc-box{

  width: 270px;

  margin:0 auto;

  box-sizing:border-box;

  background: #f7f4f4;

  display: block;

  position: absolute;

  z-index:1;

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  overflow:  hidden;

  right: 0;

  padding: 5px;

  }

.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}

.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}

.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}

.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}













































































































/*弹窗内容样式*/

.tc-box .header-search{position:relative;height: 50px;padding: 0 0 0 10px;position:relative;background: #fff;}

.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}

.tc-box .tc_fdj img{ width:1.3rem;}

.tc-box .header-search label{text-align:left;display:block;position:absolute;bottom:0;height: 50px;line-height: 50px;font-size: 14px;color:#999;pointer-events:none;margin-left: 0;transition:.3s;top: 0;}

.tc-box .header-search label.act{font-size: 14px;bottom:3rem;line-height: 50px;height: 50px;}

.tc-box .header-search input::-webkit-input-placeholder{ color:#999;}

.tc-box .header-search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }

.tc-box .header-search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}

.tc-box .header-search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

.tc-box #keyword{width: calc(100% - 50px);height: 50px;padding: 0;font-size: 14px;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;}

.tc-box .btn_blue{width: 50px;height: 50px;border:0;line-height: 50px;background: #2bbc5c url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;position: absolute;background-size: 20px 20px;right: 0;}

.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}





/*手机头部开始*/

#m_header{position: fixed;z-index:999;width:100%;height: 60px;left:0;top:0;padding:0 10px;background:#fff;display:none;border-bottom: #eaeaea 1px solid;}

#m_header #logo{height: 60px;float: left;}

#m_header #logo img{max-height: 30px;}

#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}

#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}

.wap_search{ width:80%; margin:0 auto;}

.wap_search form{ position:relative;}

.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}

.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}



/*顶部搜索*/

.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}

.tc_search form{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}

.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}

.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem;  }

.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */

.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */

.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */

.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */

.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */





/*导航按钮开始*/

#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }

#nav_btn_box.on{ background:none;  }

#nav_btn{}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}



#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;display: inline-block;height: auto;}

#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}



#nav_btn .point:hover .navbtn,







#nav_btn .point:hover .navbtn::after,

#nav_btn .point:hover .navbtn::before{width: 1.75rem;}

#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}

#nav_btn .navbtn::after,

#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}

#nav_btn .navbtn::after{top: -8px;}

#nav_btn .navbtn::before{top: 8px;}

#nav_btn .point.on .navbtn{background: transparent;}

#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}



/*导航按钮结束*/

.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}



.m_nav_list::-webkit-scrollbar {display:none}

#m_nav {

    z-index: 99999;

    position: fixed;

    background: #2bbc5c;

    width:17rem;

    height:100vh;

    right: -400px;

    top: 0;

    display:none;

    padding: 2rem 0;

    overflow:hidden;

    pointer-events: none;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    }

#m_nav.act{ pointer-events: auto; right:0;}



#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }

#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}

#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}

#m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}

#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}

#m_nav li .a span i{ font-size:0;}

#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}

#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav li{display:block;width:100%;}

.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }

#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}

#m_nav .title .list span{ background:none; }

#m_nav .title .list span a:hover{ color: #014085;}

#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}

/*三级导航 开始*/

#m_nav .title .list .void>a{background-size:10px; position:relative;}

#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}

#m_nav .title .list span{ position:relative; display:block;}

#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}

#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}



.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}



.m_header_box{display:none;height: 60px;}



#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}





.index_banner{ }

.index_banner .item{width:100vh;height: 35.375rem;position:relative;}

.index_banner .item .items{position:absolute;top:0;bottom:0;object-fit: cover !important;width: 100vw;background-size: cover !important;}



/*@-webkit-keyframes scale-bg{

	from{-webkit-transform:scale(1.2);transform:scale(1.2)}

	to{-webkit-transform:scale(1);transform:scale(1)}

}

@keyframes scale-bg{

	from{-webkit-transform:scale(1.2);transform:scale(1.2)}

	to{-webkit-transform:scale(1);transform:scale(1)}

	

}*/

.index_banner .item.miso-current .items.scaleBg{visibility:visible;}

@-webkit-keyframes slideBg_fn {

    from {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    to {

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }

} 

@keyframes slideBg_fn {

    from {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    to {

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }

}



.index_banner .item .wenzi{position:relative;height: 37.5rem;}

.index_banner .item .wenzi .box_table{ text-align:left}

.index_banner .item .wenzi h4{font-size: 3.375rem;color: #fff;margin: -4rem 0 1rem;line-height: 4.375rem;}

.index_banner .item .wenzi h4 span{ font-weight: bold;}

.index_banner .item .wenzi h3{font-size: 1.5rem;line-height: 2.5rem;text-transform:uppercase;color:#fff;padding: 0;display:inline-block;position:relative;margin-bottom: 2rem;}

.index_banner .item .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);min-width: 10px;}

.index_banner.on .item.miso-current .letter span{opacity: 1;filter: blur(0px);-webkit-filter: blur(0px);transform: translateY(0px);}

.index_banner .item .wenzi font{width: 9.5rem;height: 2.75rem;line-height: 2.5rem;border:#fff 2px solid;display:inline-block;font-size: 1.25rem;color:#fff;text-align:center;transition:2s;transform:translateY(15px);opacity:0;visibility:hidden;}

.index_banner.on .item.miso-current .wenzi font{ transform:translateY(0); opacity:1; visibility:visible}



.index_banner .miso-prev, .index_banner .miso-next{width:3.125rem;height:3.125rem;background-size: 100% 100% !important;transition:0.36s;}

.index_banner .miso-prev{background:url(../images/miso_prev.png) center no-repeat;left:3%}

.index_banner .miso-next{background:url(../images/miso_next.png) center no-repeat;right:3%;}

.index_banner .miso-prev:hover{ background:url(../images//miso_prev_on.png) center no-repeat;}

.index_banner .miso-next:hover{ background:url(../images/miso_next_on.png) center no-repeat;}



.banner-next {z-index: 1000;position: fixed;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}

.banner-next span { display: block; }

.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}

.banner-next .next-icon {position:relative;width: 22px;height: 36px;background:url(../images/next-icon.png) center no-repeat;display: inline-block;margin-top: 20px;}



.banner-next .next-icon:before{content:"";width: 3px;height: 6px;position:absolute;left:50%;margin-left: -1.5px;top:50%;margin-top: -4.5px;background: #fff;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;border-radius: 1.5px;}

@keyframes scroll {

  0% { opacity: 0; }

  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }



  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}

}



@keyframes fadeInDown {

  from {

    opacity: 0;

    transform: translate3d(0, -50%, 0);

  }





  to {

    opacity: 1;

    transform: none;

  }

}



.fadeInDown { animation-name: fadeInDown;}

.index_banner .miso-dots{bottom:1rem;text-align: right;} 

.index_banner .miso-dots.w1200{width:64%;left: 50%;margin-left: -32%;}

.index_banner .miso-dots li{ width:2.5rem; height:4px; background:rgba(255,255,255,0.5); line-height:9999px}

.index_banner .miso-dots li.miso-active{ background:#fff}





/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



.container01{margin-top:-39px;position:relative;z-index: 2;}

.container01 .content{height: 78px;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.06);background: #fff;}

.container01 .title{float:left;width: 180px;height: 78px;font-weight: bold;background: #2bbc5c;}

.container01 .title h4{font-size: 1.25rem;color:#fff;line-height: 78px;text-align: center;}

.container01 .title h5{font-size:2px;color:#fff;transform:scale(0.8);text-transform: uppercase;margin-left: -17px;opacity: 0.5;}

.container01 ul{float: left;width:calc(100% - 180px);height: 25px;line-height: 25px;margin: 27px 0;padding:0 35px 0 15px;}

.container01 ul li{height: 25px;}

.container01 ul li .miso{float:left;width: 50%;padding: 0 2.5rem; position:relative}

.container01 ul li .miso:before{ content:""; position:absolute; right:0; width:1px; height:32px; background:#eaeaeb; top:50%; margin-top:-16px;}

.container01 ul li .miso:last-child:before{ display:none}

.container01 ul li .miso span{float:left;font-size: 14px;color: #9f9f9f;margin-right:5px;display: none;}

.container01 ul li .miso a{float:left;display:inline-block;width: calc(100% - 6rem);font-size: 14px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container01 ul li .miso a:hover{color: #8c706c;}

.container01 ul li .miso small{ float:right; font-size:12px; color:#5c5c5c;}

.container01 ul li .miso i{float:right;font-size: 0.875rem;color: #666666;font-style:normal;}

.container01 ul .miso-prev, .container01 ul .miso-next{ width:6px; height:10px;}

.container01 ul .miso-prev{background:url(../images/left02.png) center no-repeat;left: -50px;}

.container01 ul .miso-next{background:url(../images/right02.png) center no-repeat;left: -30px;}



.title001{margin-bottom: 2.5rem;}

.title001 h3{ font-size:2.5rem; color:#333333; font-weight:bold; margin-bottom:0.875rem}

.title001 h4{ font-size:1.125rem; color:#333333;}





.container02{ padding:4rem 0; overflow:hidden}

.container02 .left{ width:37.75rem}

.container02 .left li{ position:relative}

.container02 .left li img{width:100%;object-fit:cover;transition: 0.9s;height:22.25rem;object-fit: cover;}

.container02 .left li h5{position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.83);width:100%;height:60px;line-height:60px;font-size: 1.125rem;color: #fff;padding: 0 6rem 0 1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.container02 .left .miso-dots{text-align:right;right:0.9375rem;bottom: 0;line-height: 60px;width: auto;}

.container02 .left .miso-dots li{padding:0;margin:0;width:0.5625rem;height:0.5625rem;background:#fff;display: inline-block;vertical-align: middle;margin-left:0.5rem;}

.container02 .left .miso-dots li.miso-active{ background:#2bbc5c}



.container02 .right{width:calc(100% - 37.75rem);padding-left:2.75rem;height: 22.25rem;}

.container02 .right .miso_hd{margin-bottom: 1.5rem;}

.container02 .right .miso_hd ul li{}

.container02 .right .miso_hd ul li a{display: block;padding:0 16px;height: 3.125rem;line-height: 3.125rem;font-size: 1.3125rem;color: #333333;cursor:pointer;transition: 0.6s;background: #f7f8fa;text-align: center;}

.container02 .right .miso_hd ul li.miso-current a{background: #2bbc5c;color:#fff;}

.container02 .right .miso_bd .first{padding-bottom: .75rem;margin-bottom: .5rem;border-bottom:#e3e3e3 1px solid;}

.container02 .right .miso_bd .first ul li .left_con{ width:8.125rem; text-align:right; padding-right:2rem}

.container02 .right .miso_bd .first ul li .left_con h3{ font-size:2.375rem; color:#2bbc5c; font-weight:bold; margin-bottom:0.5rem}

.container02 .right .miso_bd .first ul li .left_con h6{ font-size:0.875rem; color:#2bbc5c;}

.container02 .right .miso_bd .first ul li .right_con{width:calc(100% - 8.125rem);padding: 0.125rem 0 0;}

.container02 .right .miso_bd .first ul li .right_con h5{font-size:1.5rem;color:#2bbc5c;font-weight:bold;line-height: 1.75rem;margin-bottom: .5rem;}

.container02 .right .miso_bd .first ul li .right_con p{font-size:0.875rem;color:#888888;line-height: 1.625rem;height: 3.25rem;}

.container02 .right .miso_bd .first ul li .right_con h6{font-size:0.875rem;color:#888888;line-height: 1.625rem;margin: .5rem 0 0;}

.container02 .right .miso_bd .first .miso-dots{text-align: left;left: -6px;bottom: -19px;line-height: 9px;width: auto;}

.container02 .right .miso_bd .first .miso-dots li{padding:0;margin:0;width:0.5625rem;height:0.5625rem;background: #c6c6c6;display: inline-block;vertical-align: middle;margin-left:0.5rem;}

.container02 .right .miso_bd .first .miso-dots li.miso-active{ background:#2bbc5c}

.container02 .right .miso_bd ul.ul1{}

ul.ul1 li{font-size: 0.9375rem;color:#7a7a7a;height: 2.25rem;line-height: 2.25rem;}

ul.ul1 li a{ display:block; transition:.6s}

ul.ul1 li h5{float:left;font-size: 1rem;width: calc(100% - 6rem);color: #888888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;padding-left: 1rem;position: relative;}

ul.ul1 li h5:before{content:"";font-size:12px;color: #c5262c;margin-right:7px;vertical-align: top;position: absolute;left: 0;width: 6px;height: 6px;background: #009938;top: 50%;margin-top: -3px;}

ul.ul1 li span{float:right;font-size: 0.875rem;color: #888888;}

ul.ul1 li:hover h5{color: #c5262c;}



.container02 .fl2{ margin-top:3.125rem}

.container02 .fl2 ul{ margin:0 -0.8125rem}

.container02 .fl2 ul .miso-list{ padding:25px; margin:-25px}

.container02 .fl2 ul li{float:left;width: 25%;padding:0 0.8125rem;}

.container02 .fl2 ul li a{ display:block; overflow:hidden; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09); position:relative;}

.container02 .fl2 ul li a .img, .container02 .fl2 ul li a .img img{position:relative;width:100%;height: 6.5rem;transition:.6s;overflow:hidden;object-fit: cover;}

.container02 .fl2 ul li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fff 4px solid}

.container02 .fl2 ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.container02 .fl2 ul li a .top:after{ content:""; position:absolute; height:4px; width:0; left:4px; transition:.6s; bottom:0; background:#2bbc5c}

.container02 .fl2 ul li a .top h3 img{margin:-3px 0.75rem 0 0;display: inline-block; max-height:2rem}

.container02 .fl2 ul li a .top h3{ font-size:1.125rem; color:#fff}



.container03{ padding:0 0 5rem; overflow:hidden}

.container03 ul{ margin:0 -0.8125rem}

.container03 ul li{ float:left; width:20%; padding:0 0.8125rem}

.container03 ul li a{display:block;overflow:hidden;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);position:relative;border-radius: 35px;}

.container03 ul li a .img{position:relative;width:100%;padding-bottom:151.78%;transition:.6s;overflow:hidden;border-radius: 35px;}

.container03 ul li a .img img{position:absolute;top: 4px;right: 4px;bottom: 4px;left: 4px;width: calc(100% - 8px);height: calc(100% - 8px);object-fit: cover;border-radius: 24px;}

.container03 ul li a .img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:#fff 4px solid;border-radius: 35px;}

.container03 ul li a .top{position:absolute;right:4px;bottom: 4px;left:4px;height:105px;background:rgba(51,51,51,0.6);transition: .6s;border-radius: 30px;}

.container03 ul li a .top:after{content:"";position:absolute;height:4px;width:0;left:0px;transition:.6s;bottom:0;background:#2bbc5c;}

.container03 ul li a .top h3 img{margin:-3px 0.75rem 0 0;max-height: 2rem;}



.container03 ul li a .top h3{font-size:1.125rem;color:#fff;margin: 1rem 0 0.3745rem;}

.container03 ul li a .top h6 svg{ width:2rem; height:2rem; fill:#fff}



.container04{ background:#fcf8f5; padding:2.75rem 0 2rem; overflow:hidden}

.container04 .title001{ display:none}

.container04 .left{ width:8.5rem;}

.container04 .right{ width:calc(100% - 8.5rem); padding:2.75rem 0 0}

.container04 ul{ margin:-15px -0.8125rem; padding:15px 0}

.container04 ul .miso-list{ padding-bottom:3.5rem}

.container04 ul li{ float:left; width:25%; padding:0 0.8125rem}

.container04 ul li a{ display:block; position:relative; padding:0 0 4px;}

.container04 ul li a .img{ position:relative; width:100%; padding-bottom:49.61%; transition:.6s; overflow:hidden; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);}

.container04 ul li a .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}

.container04 ul li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fff 4px solid}

.container04 ul li a .top{position:absolute;right:4px;bottom: 4px;left:4px;height:105px;background:rgba(51,51,51,0.6);transition: .6s;}

.container04 ul li a:after{ content:""; position:absolute; height:4px; width:0; left:4px; transition:.6s; bottom:0; background:#2bbc5c}

.container04 ul .miso-dots{ margin:0; padding:0;text-align:center;bottom: 15px;line-height:9px;width:100%;}

.container04 ul .miso-dots li{padding:0;margin:0;width:0.5625rem;height:0.5625rem;background:#aca9a7;display: inline-block;vertical-align: middle;margin-left:0.5rem; float:none}

.container04 ul .miso-dots li.miso-active{ background:#2bbc5c}



.container05{ padding:5rem 0 0; overflow:hidden}

.container05 .miso_hd ul{ position:relative}

.container05 .miso_hd ul:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background:#2bbc5c; height:100%}

.container05 .miso_hd ul li{ float:left; width:20%; margin-right:-1px}

.container05 .miso_hd ul li a{ display:block; height:5.5rem; border:#2bbc5c 1px solid; font-size:1.125rem; color:#333333; cursor:pointer; transition:.6s}

.container05 .miso_hd ul li a img{ display:inline-block; max-height:3.2rem}

.container05 .miso_hd .miso-prev, .container05 .miso_hd .miso-next{ width:3.125rem; height:3.125rem; background:#999999; transition:.6s; border-radius:0.625rem; background-size:16px 16px !important}

.container05 .miso_hd .miso-prev{ background:#999 url(../images/left_svg.svg) center no-repeat; left:-6rem}

.container05 .miso_hd .miso-next{ background:#999 url(../images/right_svg.svg) center no-repeat; right:-6rem}



.container05 .miso_hd ul li.miso-current a{ background:#2bbc5c; border:#2bbc5c 1px solid; color:#fff}

/* .container05 .miso_hd ul li.miso-current img{-webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);} */
.container05 .miso_hd ul li.miso-current img{-webkit-filter: brightness(1.2) invert(0);

    filter: brightness(1.2) invert(0);}

.container05 .miso_bd{ margin-top:4.25rem}

.container05 .miso_bd .first{ width:50%; float:left}

.container05 .miso_bd .first ul li a{background:#f7f8fa;display: block;}

.container05 .miso_bd .first ul li a .img{ height:29.125rem; overflow:hidden; position:relative}

.container05 .miso_bd .first ul li a .img img{max-width: 100%;max-height:21.625rem;display: inline-block;object-fit: cover;}

.container05 .miso_bd .first ul li a .img h5{ background:rgba(51,51,51,0.5); height:3.125rem; line-height:3.125rem; padding:0 1.25rem; position:absolute; bottom:0; left:0; right:0; font-size:14px; color:#fff}



.container05 .miso_bd .img img{width: 100%;display: inline-block;object-fit: cover;}



.container05 .miso_bd .right{ width:50%; float:left}

.container05 .miso_bd .right ul li{ float:left; width:50%;}

.container05 .miso_bd .right ul li a{ display:block; height:29.125rem; background:#f7f8fa; transition:.6s}

.container05 .miso_bd .right ul li a .img{ height:50%; background:#fff; border:1px solid #f1efef;}

.container05 .miso_bd .right ul li a .img img{max-width: 100%;max-height:11.875rem;display: inline-block;object-fit: cover;}

.container05 .miso_bd .right ul li a .con{ height:50%; padding:0 1.5rem; transition:.6s; position:relative}

.container05 .miso_bd .right ul li a .con:before{ content:""; position:absolute; border:transparent 10px solid; border-top:#2bbc5c 10px solid; bottom:-20px; left:50%; margin-left:-10px; opacity:0; visibility:hidden; transition:.6s}

.container05 .miso_bd .right ul li:last-child a .con:before{ content:""; position:absolute; border:transparent 10px solid; border-bottom:#2bbc5c 10px solid; bottom:auto; top:-20px; left:50%; margin-left:-10px; opacity:0; visibility:hidden; transition:.6s}



.container05 .miso_bd .right ul li a .con .box_table{ text-align:left}

.container05 .miso_bd .right ul li a .con h3{font-size:1.5rem;color:#333333;font-weight:bold;transition:.6s;line-height: 1.25;white-space: nowrap;}

.container05 .miso_bd .right ul li a .con dl{margin-top: 1rem;}

.container05 .miso_bd .right ul li a .con dl dd{ float:left; font-size:0.875rem; color:#555; margin-right:1.25rem; padding-left:14px; position:relative; transition:.6s}

.container05 .miso_bd .right ul li a .con dl dd:before{content:"";position:absolute;left:0;width:7px;height:7px;border-radius:50%;opacity: 0.4;top:50%;margin-top:-3.5px;background:#000;}

.container05 .miso_bd .right ul li a .con p{font-size:0.875rem;color:#888888;line-height:1.625rem;height:3.25rem;margin: 1rem 0 1rem; transition:.6s}

.container05 .miso_bd .right ul li a .con span{ display:inline-block; width:79px; height:29px; line-height:29px; text-align:center; background:#2bbc5c; font-size:0.875rem; color:#fff; transition:.6s}



.container06{ padding:5rem 0 3.125rem; overflow:hidden}

.container06 ul{ margin:0 -0.875rem}

.container06 ul li{ padding:0 0.875rem; width:25%; float:left;}

.container06 ul li a{ display:block; position:relative}

.container06 ul li a:after{ content:""; position:absolute; bottom:0; right:0; width:0; transition:.6s; height:4px;}

.container06 ul li .img{overflow:hidden;width: 100%; padding-bottom:35.08%; position:relative}

.container06 ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width: 100%;height: 100%;}

.container06 ul .miso-prev, .container06 ul .miso-next{ width:3.125rem; height:3.125rem; background:#999999; transition:.6s; border-radius:0.625rem; background-size:16px 16px !important}

.container06 ul .miso-prev{ background:#999 url(../images/left_svg.svg) center no-repeat; left:-6rem}

.container06 ul .miso-next{ background:#999 url(../images/right_svg.svg) center no-repeat; right:-6rem}



.container07{background:#3b3c40;line-height:38px;overflow: hidden;}

.container07 .left{ width:105px; font-size:1.0rem; color:#fff}

.container07 .right{ width:calc(100% - 105px);}

.container07 .right ul li{ float:left; margin-right:1rem; font-size:14px; color:#fff}

.container07 .right ul li img{ margin:-3px 0.5rem 0 0}



footer{ overflow: hidden;}

footer .fl01{ padding:4.375rem 0; background:#2d2e2f}

footer .fl01 .left{ width:21.875rem;}

footer .fl01 h5{ font-size:1rem; color:#fff}

footer .fl01 h3{ font-size:1.5rem; color:#fff; font-weight:bold; margin:1.5rem 0 1rem}

footer .fl01 h3 img{ margin:-3px 1rem 0 0}

footer .fl01 h6{ font-size:0.875rem; color:#888888; line-height:20px; margin-bottom:1.125rem}

footer .fl01 ul li{ float:left; margin-right:1.25rem}

footer .fl01 ul li a{ display:inline-block; width:2rem; height:2rem; line-height:2rem; background:#2bbc5c; border-radius:50%; text-align:center; transition:.6s}

footer .fl01 ul li a svg{ width:1.25rem; height:1.25rem; fill:#fff; display:inline-block; vertical-align:middle; margin:-3px 0 0}



footer .fl01 .right{ width:calc(100% - 21.875rem)}

footer .fl01 .right dl{ float:left; width:14.28%; padding-left:3rem}

footer .fl01 .right dl dt{ font-size:1rem; color:#fff; padding-bottom:1.5rem; margin-bottom:1.375rem; position:relative}

footer .fl01 .right dl dt:before{ content:""; position:absolute; bottom:0; left:0; width:3.25rem; height:2px; background:#fff}

footer .fl01 .right dl dd{ font-size:12px; color:#888888; line-height:2.375rem; transition:.6s}



footer .fl02{ padding:1.5rem 0; background:#414344; text-align:center}

footer .fl02 p{ font-size:0.8rem; color:#888888; line-height:1.75rem}



.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}



.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}

.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}

.tc1 .close:hover{ transform:rotate(180deg);}

.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 

.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}

.tc1 .tc.act{display: block;}

.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}

.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }

.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc1 .tc-box h3 img{width: 200px;height: 200px;}

.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

.tc-box01{ padding:0 !important}



/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/



.n_banner{ height:25.5rem;}

.n_banner .box_table{ text-align:left}

.n_banner h3{ font-size:3.5rem; color:#fff; font-weight:bold; letter-spacing:0.25rem}

.n_banner h6{ font-size:1.25rem; color:#fff; line-height:1.75rem; margin-top:1.5rem; letter-spacing:0.125rem}



.n_title{position:relative;height: 6rem;line-height: 6rem;margin-bottom: 2.25rem;}

.n_title h2 big img{ margin:-3px 0.875rem 0 0; max-height:1.875rem}

.n_title h2 big{font-size:18px;color: #000000;}

.n_title h2 small{font-size:15px;color: #b4b4b6;text-transform:uppercase;margin-left:16px;}

.n_title .w1200{position:relative;border-bottom: #e0e0e0 1px solid;}

.n_title h2{font-size: 18px;display:inline-block;color: #5d5d5d;}

.position{position:absolute;line-height: 6rem;height: 6rem;right:0px;top:0px;color: #838287;background: url(../images/icon_home.png) left 2.25rem no-repeat;padding-left: 28px;font-size: 0.85rem;background-size: auto 1.25rem;}

.position span, .position a, .position i{font-size: 0.85rem;color: #888888;margin: 0 1px;}

.position em{color: #2bbc5c;font-style:normal; font-size:0.85rem;}

.position a:hover{color: #2bbc5c;}



/*====移动端导航====*/

#m_n_nav{background: #2bbc5c;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;}

#bnt_back{position:absolute;left: 1rem;top:0;}

#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}

#m_n_nav i{}

#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}

#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}

#bnt_sub_nav svg{fill: #fff;height: 20px;vertical-align: middle;width: 20px;}

#bnt_sub_nav img{ display: block; height: 15px; }

#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}

#sub_nav_content ul{ padding:  10px;}

#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}

#sub_nav_content ul li a{ display:block; border-left:2px solid #208243; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}

#sub_nav_content ul li.on a{color: #acce22;}

#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}

#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}

#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}

#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}

#sub_nav_content dt a{}

#sub_nav_content dt.title{background:#fafafb;}

#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}

#sub_nav_content dt.title_on  { background:#fafafb;}

#sub_nav_content dt.title_on a{ color: #208243; border-top:1px solid #fff;}

#sub_nav_content dt.title_on a i{ color: #208243; }

#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}

#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #2bbc5c;}

#sub_nav_content dd{  display:none;}

#sub_nav_content dd .box{padding:0px 0px 0px 0px;}

#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}

#sub_nav_content dd a.on{ color: #208243;}



.n_left{ width:235px; margin-bottom:5rem}

.n_left .fl1{ margin-bottom:1.25rem}

.n_left .fl1 ul li{ position:relative; margin-bottom:0.625rem; background:#f7f8fa;}

.n_left .fl1 ul li:before{ content:""; position:absolute; top:0; bottom:0; right:0; width:0; transition:.6s}

.n_left .fl1 ul li:after{ content:""; position:absolute; top:0; bottom:0; left:4px; width:0; transition:.6s}

.n_left .fl1 ul li a{ display:block; height:46px; line-height:46px; padding:0 1.5rem; font-size:16px; color:#333333; position:relative}

.n_left .fl1 ul li a span{ display:inline-block; width:32px;}

.n_left .fl1 ul li a span img{ max-width:26px; max-height:25px}

.n_left .fl1 ul li a span img.img2{ display:none}



.n_left .fl2{ background:#f7f8fa}

.n_left .fl2 h3{ height:60px; line-height:60px; border-bottom:#e0e0e0 1px solid; padding:0 16px}

.n_left .fl2 h3 span{display:inline-block;font-size:1.25rem;color:#2bbc5c;padding-left: 0.75rem;border-left: #2bbc5c 4px solid;height: 1.125rem;line-height: 1.125rem;}

.n_left .fl2 ul{ padding:0 16px}

.n_left .fl2 ul li{ font-size:14px; line-height:54px; height:54px; border-bottom:#e0e0e0 1px dashed}

.n_left .fl2 ul li:last-child{ border:none}

.n_left .fl2 ul li a{ display:block; padding-left:16px; position:relative; color:#888888; transition:.6s}

.n_left .fl2 ul li a:before{ content:""; position:absolute; width:7px; height:7px; background:#2bbc5c; top:50%; margin-top:-3.5px; left:0; transition:.6s}



.n_left .fl1 ul li.on:before, .n_left .fl1 ul li:hover:before{ width:100%; left:0; background:#2bbc5c}

.n_left .fl1 ul li.on:after, .n_left .fl1 ul li:hover:after{ width:4px; background:#fff}

.n_left .fl1 ul li.on a, .n_left .fl1 ul li:hover a{ color:#fff}

.n_left .fl1 ul li.on a span img.img1, .n_left .fl1 ul li:hover a span img.img1{ display:none}

.n_left .fl1 ul li.on a span img.img2, .n_left .fl1 ul li:hover a span img.img2{ display:inline-block}



.n_right{ width:calc(100% - 235px); padding-left:3.75rem}

.n_about h3{ font-size:1.5rem; color:#333333; font-weight:bold; margin-bottom:2rem}

.n_about .ar_article h4{ text-align:center; font-size:1.375rem; color:#333333; font-weight:bold; margin-bottom:1.5rem}





.n_zuzhi .fl01{ background:url(../images/n_zuzhi_bg.jpg) center no-repeat; background-size:cover; padding:4rem 0; margin-top:3rem; margin-bottom:3rem}

.n_zuzhi .fl01 .title001 h3, .n_zuzhi .fl01 .title001 h4{ color:#fff}

.n_zuzhi .fl01 .ul01{ margin:0 -0.75rem}

.n_zuzhi .fl01 .ul01 li{ float:left; width:25%; padding:0 0.75rem; margin-bottom:1.5rem}

.n_zuzhi .fl01 .ul01 li a{ display:block; position:relative}

.n_zuzhi .fl01 .ul01 li a .img{ position:relative; width:100%; padding-bottom:61.32%; overflow:hidden}

.n_zuzhi .fl01 .ul01 li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; transform:translateY(101%); transition:.6s}

.n_zuzhi .fl01 .ul01 li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fff 3px solid}

.n_zuzhi .fl01 .ul01 li a .top{ position:absolute; top:0; right:0; bottom:0; left:0;}

.n_zuzhi .fl01 .ul01 li a .top h3{ font-size:1.5rem; line-height:2rem; color:#fff; font-weight:bold; padding:0 15px}



.n_zuzhi .fl02{}

.n_zuzhi .fl02 .left{ width:calc(100% - 26.265rem); height:23.5rem}

#container02{ width:100%; height:100%}

.n_zuzhi .fl02 .right{ width:26.265rem; float:right; height:23.5rem; background:#fcf8f5}

.n_zuzhi .fl02 .right .box_table{ text-align:left}

.n_zuzhi .fl02 .right h3{ font-size:1.75rem; line-height:2.5rem; color:#333333; border-bottom:#e5e5e5 1px solid; padding:0 2.75rem; padding-bottom:2rem; margin-bottom:2rem}

.n_zuzhi .fl02 .right dl{ padding:0rem 2.75rem 0; margin-bottom:1.25rem}

.n_zuzhi .fl02 .right dl dt{ font-size:1.125rem; color:#009938; margin-bottom:0.5rem}

.n_zuzhi .fl02 .right dl dd{ font-size:1rem; color:#333}



.n_zizhi{ padding:0 0 5rem}

.n_zizhi ul{margin:0 -0.625rem;margin-bottom:2rem;}

.n_zizhi ul li{ float:left; padding: 0 0.625rem;text-align:  center;margin-bottom:1.25rem;width: 33.333333%;}



.n_zizhi ul li a{display:block;background:#fff;padding: 0 0 1rem; transition:.6s; border:1px solid #e6e8e8;}

.n_zizhi ul li .pic_box{width:100%;height: 11.25rem;display:table;overflow:hidden;}

.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}

.n_zizhi ul li img{max-width: 90%;max-height: 9.0625rem;display:inline-block;}



.n_zizhi ul li h5{font-size: 0.95rem;color: #333333;line-height: 24px;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: -5px;transition:0.6s;padding: 0 10px;}

.n_zizhi ul li:hover h5{color: #2bbc5c;}





/*====翻页====*/

.j_pages{margin:0 auto 0 auto}

.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}

.j_pages a{padding: 0px 0.25rem;height: 28px;line-height: 26px;display:inline-block;margin: 0 4px;color: #333333;font-size: 14px;box-sizing: border-box;min-width: 28px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border: #cccccc 1px solid;border-radius: 0;}

.j_pages a.m_bnt{ padding:0 1rem}

.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}

.j_pages .on, .j_pages a:hover{color: #fff;background: #2bbc5c;border: #2bbc5c 1px solid;}

.j_pages span{}

.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.j_pages form{ display:inline-block;}

.j_pages span{display:inline-block;font-size: 1rem;color: #919191;margin:0 0 0 10px;}

.j_pages form input{width: 2.75rem;height: 2.75rem;border: none;font-size: 1rem;color: #919191;margin: 0 0 0 10px;text-align:center;border-radius: 3px;border: rgba(0,0,0,0.1) 1px solid;transition: .6s;}

.j_pages form input[type="submit"]{width: 4rem;cursor:pointer;}

.j_pages form input[type="submit"]:hover{background: #2bbc5c;color:#fff;border: #2bbc5c 1px solid;}



.n_dashiji{ padding:0 0 5rem}

.n_dashiji ul li{ border-bottom:#b5b5b5 1px dashed; padding-bottom:1.875rem; margin-bottom:1.875rem}

.n_dashiji ul li h3{ font-size:1.5rem; color:#2bbc5c; font-weight:bold; margin-bottom:1.75rem; margin-left:-1rem}

.n_dashiji ul li a{ display:block; position:relative}

.n_dashiji ul li a .img, .n_dashiji ul li a .img img{ width:17.125rem; height:9.6875rem; float:left}

.n_dashiji ul li a .con{ width:calc(100% - 17.125rem); padding:0.5rem 0 0 1.75rem}

.n_dashiji ul li a .con p{font-size:0.98rem;color:#0e0e0e;line-height:1.875rem;margin-bottom:0.375rem;opacity: .6; transition:0.6s}



.n_lingdao{ padding:0 0 3rem}

.n_lingdao ul{ margin-bottom:2rem}

.n_lingdao ul li{ border-bottom:#c5c5c5 1px dashed; padding-bottom:1.875rem; margin-bottom:2rem}

.n_lingdao ul li h3{ font-size:1.5rem; color:#2bbc5c; margin-bottom:1.5rem}

.n_lingdao ul li p{font-size:1.0625rem;color:#333333;line-height:1.875rem;margin-bottom:0.375rem;opacity: .6; transition:0.6s}



.n_zhige h6{ font-size:1.125rem; line-height:2.25rem; color:#333333}

.n_zhige h6 font{ color:#2bbc5c}

.n_zhige h3{ font-size:2.5rem; color:#333333; font-weight:bold; text-align:center; margin:3rem 0 0}



.n_wenti{ padding:0 0 5rem}

.n_wenti h3{ font-size:1.5rem; color:#333333; font-weight:bold; padding-left:1.5rem; position:relative; line-height:2.5rem; margin-bottom:1.75rem}

.n_wenti h3:before{ content:""; position:absolute; width:0.6875rem; height:0.6875rem; background:#2bbc5c; left:0; top:50%; margin-top:-0.34375rem;}

.n_wenti ul{ margin:0 -0.75rem; margin-bottom:1rem}

.n_wenti ul li{ float:left; width:33.3333333%; padding:0 0.75rem; margin-bottom:2.75rem}

.n_wenti ul li a{ display:block; transition:.6s}

.n_wenti ul li .img{ width:100%; position:relative; padding-bottom:67.80%; overflow:hidden}

.n_wenti ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover;}

.n_wenti ul li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.1); transition:.6s}

.n_wenti ul li .con h5{font-size:16px;color:#333333;line-height:24px;height:48px;transition:.6s;width: 100%;margin:0.5rem 0 0.75rem;}

.n_wenti ul li .con h6{ font-size:0.875rem; color:#666666}



.n_jituan{ padding:0 0 5rem}

.n_jituan .fl01 ul{ margin:0 -0.75rem; margin-bottom:1rem}

.n_jituan .fl01 ul li{ float:left; width:33.3333333%; padding:0 0.75rem; margin-bottom:2.75rem}

.n_jituan .fl01 ul li a{ display:block; transition:.6s}

.n_jituan .fl01 ul li .img{ width:100%; position:relative; padding-bottom:57.51%; overflow:hidden}

.n_jituan .fl01 ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover;}

.n_jituan .fl01 ul li .con{ padding:1.5rem 0rem 0 0}

.n_jituan .fl01 ul li .con h5{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.75rem; transition:.6s}

.n_jituan .fl01 ul li .con p{ font-size:0.875rem; line-height:24px; height:72px; overflow:hidden; color:#888888; margin:0.75rem 0 1.75rem}

.n_jituan .fl01 ul li .con h6{ font-size:14px; color:#2bbc5c; font-weight:bold}



.n_jituan .fl02{ padding:3rem 0 0}

.n_jituan .fl02 ul{ margin-bottom:3rem}

.n_jituan .fl02 ul li{ padding:1.875rem 0; position:relative}

.n_jituan .fl02 ul li:before{ content:""; position:absolute; top:0; bottom:0; right:0; width:0; transition:.6s}

.n_jituan .fl02 ul li a{ display:block; position:relative}

.n_jituan .fl02 ul li a .img, .n_jituan .fl02 ul li a .img img{ width:21.875rem; height:15.625rem; overflow:hidden}

.n_jituan .fl02 ul li a .con{ width:calc(100% - 21.875rem); padding:1.5rem 0 0 2.75rem}

.n_jituan .fl02 ul li a .con h5{ font-size:1.45rem; color:#2bbc5c; font-weight:bold; line-height:1.5rem;}

.n_jituan .fl02 ul li a .con p{ font-size:0.98rem; color:#888888; line-height:2.0rem; height:7.5rem; margin:1.5rem 0}

.n_jituan .fl02 ul li a .con h6{ font-size:1rem; color:#333333; }



.n_jituan .fl03{ padding-bottom:7.125rem}

.n_jituan .fl03 ul li a{ display:block; position:relative}

.n_jituan .fl03 ul li a .img, .n_jituan .fl03 ul li a .img img{ width:49.375rem; height:31.25rem; overflow:hidden}

.n_jituan .fl03 ul li a .con{width:calc(100% - 49.375rem);padding: 1rem 0 0 3.125rem;height:31.25rem;}

.n_jituan .fl03 ul li a .con h5{ font-size:1.25rem; color:#2bbc5c; font-weight:bold; line-height:1.5rem;}

.n_jituan .fl03 ul li a .con p{ font-size:1.125rem; color:#333333; line-height:2.5rem; height:17.5rem; margin:1.5rem 0}

.n_jituan .fl03 ul li a .con h6{ font-size:1rem; color:#333333; }

.n_jituan .fl03 ul li a .con span{display:inline-block;width:10rem;height:3.75rem;line-height:3.75rem;background:#2bbc5c;text-align:center;font-size:1.125rem;color:#fff;margin: 2.5rem 0 0;}



.n_notice{ padding:0 0 5rem}

.n_notice ul{ margin:0 -1.25rem; margin-bottom:3rem}

.n_notice ul li{ float:left; width:50%; padding:0 1.25rem; margin-bottom:2rem}

.n_notice ul li a{ display:block; padding:2rem 2rem 1.375rem; background:#f7f8fa; position:relative}

.n_notice ul li a:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; transition:.6s}

.n_notice ul li a h5{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.75rem; position:relative; transition:.6s}

.n_notice ul li a p{ font-size:0.95rem; color:#333333; line-height:2.125rem; height:6.375rem; margin:1rem 0; position:relative; transition:.6s}

.n_notice ul li a h6{ font-size:0.95rem; color:#333333; position:relative; transition:.6s}

.n_notice ul li a h6 span{ font-size:0.85rem; color:#333333; float:right; transition:.6s}



.n_video{ padding:0 0 5rem}

.n_video ul{ margin:0 -0.75rem; margin-bottom:2rem}











.n_video ul li{ float:left; width:33.3333333%; padding:0 0.75rem; margin-bottom:2rem}

.n_video ul li a{ display:block; transition:.6s}

.n_video ul li .img{ width:100%; padding-bottom:53.95%; position:relative; overflow:hidden}

.n_video ul li .img>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}

.n_video ul li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0;}

.n_video ul li .con{ background:#f7f8fa; height:3.75rem; transition:.6s}

.n_video ul li .con .box_table_cell *{ white-space:nowrap}

.n_video ul li .con h5{font-size:1.125rem;color:#333333;height:1.25rem;line-height:1.25rem;transition:.6s;padding: 0 1rem;}



.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}

.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }

.vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;}

.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }

#videobox_wrapper { height: 100%!important; }

.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }

.vwrap .close i {display: block;width: 31px;height: 31px;background: url(../images/close_i1.png) no-repeat 50% 50%;-webkit-transition: 400ms;transition: 400ms;text-align: center;}

.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }

.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }

.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }

.jwlogo, .jwclick { display: none!important; }

.jwdisplayIcon{ background:  none no-repeat!important;}



@media(max-width: 992px){

	.vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;}

	.vwrap .close{right: 0;top: -35px;}

	.vwrap .videobox video{}

}



.n_zixun{ padding:0 0 3rem}

.n_zixun .messlist{width:48%;margin-bottom: 2rem;position: relative;}

.n_zixun .messlist label{display:block;font-size:1.5rem;color:#333333;margin-bottom: 1.5rem;letter-spacing: 2px;line-height: 1.5rem;}

.n_zixun .messlist label font{margin: 2px 0 0 0.75rem;font-size:2rem;color: #d81e06;display: inline-block;vertical-align: middle;height: 1rem;}

.n_zixun .messlist input{display:block;width:100%;height: 4rem;line-height: calc(4rem - 2px);background: #fff;color:#626364;border: #acacac 1px solid;font-size: 1.5rem;padding: 0 1rem;} 

.n_zixun .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#626364;margin-right: 44px;}

.n_zixun .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 

.n_zixun .messlist02{ width: 100%;}

.n_zixun .messlist02 textarea{width:100%;height: 222px;color: #000;font-size: 1.5rem;border: none;outline: none;padding: 1rem 1rem;resize:none;box-sizing: border-box;background: none;border: #acacac 1px solid;}

.n_zixun .yanzheng{display:inline;float:left;position: absolute;right: -14rem;bottom: 1px;}

.n_zixun .yanzheng img{height: calc(4rem - 2px);}

.n_zixun .messsub input{display: inline-block;width: 18.75rem;height: 3.75rem;line-height: 3.75rem;font-size: 1.5rem;cursor:pointer;color: #fff;border:none;background: #2bbc5c;transition: 0.6s;letter-spacing: 2px;}

.n_zixun .messsub input:hover{background: #0076c1;}

.n_zixun .messlist03{height: 55px;margin: 0 0 0 0;float:left;width: 470px;background: #fff;color:#626364;box-sizing: border-box;position: relative;border: #e9e9e9 1px solid;}

.n_zixun .messlist03 input{float:left;width: calc(100% - 50px);height: 54px;color: #636363;font-size: 14px;border: none;outline: none;resize:none;box-sizing: border-box;background: none;padding: 0;}

.n_zixun .messsub{text-align: center;}

.n_zixun .miaoshu{ margin:2.5rem 0 3rem}

.n_zixun .miaoshu h3{ font-size:1.5rem; color:#000000; margin-bottom:1.25rem}

.n_zixun .miaoshu h6{ font-size:1rem; color:#000000; line-height:1.75rem; margin-bottom:0.5rem}



.n_product{ overflow:hidden}

.n_product .fl01{padding: 0 0 4.375rem;}

.n_product .fl01 .left{background:#f7f8fa; width:48.125rem; height:27rem; position:relative}

.n_product .fl01 .left .img{ width:100%; height:27rem; overflow:hidden; position:relative}

.n_product .fl01 .left .img img{width: 100%;height: 27rem;display: inline-block;object-fit: cover;}

.n_product .fl01 .left .img h5{ background:rgba(51,51,51,0.5); height:3.125rem; line-height:3.125rem; padding:0 1.25rem; position:absolute; bottom:0; left:0; right:0; font-size:14px; color:#fff}

.n_product .fl01 .left .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(51,51,51,0.34);}

.n_product .fl01 .left .top img{ display:inline-block}

.n_product .fl01 .con{ width:calc(100% - 48.125rem); padding-left:5.25rem}

.n_product .fl01 .con h3{font-size: 1.75rem;color: #333333;margin-bottom: 1rem;line-height: 2.2rem;font-weight: bold;}

.n_product .fl01 .con h5{font-size: 1.625rem;color: #333333;}

.n_product .fl01 .con h5 i{display:inline-block;width:4rem;position:relative;height: 1.625rem;vertical-align: top;}

.n_product .fl01 .con h5 i:before{content:"";position:absolute;top:50%;left:50%;width: 0.75rem;height: 0.75rem;background: #007e45;border-radius: 50%;margin: -0.35rem;}

.n_product .fl01 .con p{font-size: 0.875rem;color: #888888;line-height: 1.875rem;height: 11.25rem;margin: 1rem 0 1rem;}

.n_product .fl01 .con h6{ font-size:1rem; color:#333333; }

.n_product .fl01 .con span{display:inline-block;width:10rem;height:3.75rem;line-height:3.75rem;background:#2bbc5c;text-align:center;font-size:1.125rem;color:#fff;margin: 2.5rem 0 0; transition:.6s}

.n_product .fl01 .miso-prev,.n_product .fl01 .miso-next{ width:3.125rem; height:3.125rem; background:#999999; transition:.6s; border-radius:0.625rem; background-size:16px 16px !important}

.n_product .fl01 .miso-prev{ background:#999 url(../images/left_svg.svg) center no-repeat; left:-6rem}

.n_product .fl01 .miso-next{ background:#999 url(../images/right_svg.svg) center no-repeat; right:-6rem}





.n_product .fl02{ padding:4.375rem 0 0}

.n_product .fl02 .miso_hd ul{ position:relative}

.n_product .fl02 .miso_hd ul:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background:#2bbc5c; height:100%}

.n_product .fl02 .miso_hd ul li{ float:left; width:20%; margin-right:-1px}

.n_product .fl02 .miso_hd ul li a{ display:block; height:5.5rem; border:#2bbc5c 1px solid; font-size:1.125rem; color:#333333; cursor:pointer; transition:.6s}

.n_product .fl02 .miso_hd ul li a img{ display:inline-block; max-height:3.8rem}

.n_product .fl02 .miso_hd .miso-prev, .n_product .fl02 .miso_hd .miso-next{ width:3.125rem; height:3.125rem; background:#999999; transition:.6s; border-radius:0.625rem; background-size:16px 16px !important}

.n_product .fl02 .miso_hd .miso-prev{ background:#999 url(../images/left_svg.svg) center no-repeat; left:-6rem}

.n_product .fl02 .miso_hd .miso-next{ background:#999 url(../images/right_svg.svg) center no-repeat; right:-6rem}



.n_product .fl02 .miso_hd ul li.miso-current a{ background:#2bbc5c; border:#2bbc5c 1px solid; color:#fff}

/* .n_product .fl02 .miso_hd ul li.miso-current img{-webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);} */
.n_product .fl02 .miso_hd ul li.miso-current img{-webkit-filter: brightness(1.2) invert(0);

    filter: brightness(1.2) invert(0);}

.n_product .fl02 .miso_bd{ margin-top:4.25rem}

.n_product .fl02 .miso_bd .img{width:50.07rem;height: 31.375rem;overflow:hidden;position:relative;background:#f7f8fa;}

.n_product .fl02 .miso_bd .img img{width:100%;display: inline-block;object-fit: cover;}

.n_product .fl02 .miso_bd .img h5{ background:rgba(51,51,51,0.5); height:3.125rem; line-height:3.125rem; padding:0 1.25rem; position:absolute; bottom:0; left:0; right:0; font-size:14px; color:#fff}

.n_product .fl02 .miso_bd .con{ width:calc(100% - 50.07rem); padding-left:3.25rem}

.n_product .fl02 .miso_bd .con h3{font-size: 1.5rem;color: #009938;margin-bottom: 1.375rem;font-weight: bold;}

.n_product .fl02 .miso_bd .con h5{font-size: 1.125rem;color: #333333;margin-bottom: .875rem;font-weight: bold;}

.n_product .fl02 .miso_bd .con p{font-size: 1rem;color: #666;line-height: 1.625rem;}

.n_product .fl02 .miso_bd .con div h5{margin-top: 2rem;}

.n_product .fl02 .miso_bd .con dl dd{ float:left; font-size:0.875rem; color:#555; margin-right:1.25rem; padding-left:14px; position:relative; transition:.6s}

.n_product .fl02 .miso_bd .con dl dd:before{content:"";position:absolute;left:0;width:7px;height:7px;border-radius:50%;top:50%;margin-top:-3.5px;background:#009938;}

.n_product .fl02 .miso_bd .con h6{font-size: 1.125rem;color: #333333;line-height: 1.625rem;height: 4.875rem;margin: 1.75rem 0 0;}

.n_product .fl02 .miso_bd .con .con_li{margin-top: 2rem;}

.n_product .fl02 .miso_bd .con h6{ font-size:1rem; color:#333333; }

.n_product .fl02 .miso_bd .con a span{display:inline-block;width:10rem;height:3.75rem;line-height:3.75rem;background:#2bbc5c;text-align:center;font-size:1.125rem;color:#fff;margin: 2.625rem 0 0;transition:.6s;}



.n_product .fl03{ padding:5rem 0 2rem}

.n_product .fl03 ul{ margin:0 -0.875rem}

.n_product .fl03 ul li{ padding:0 0.875rem; width:25%; float:left; margin-bottom:3.125rem}

.n_product .fl03 ul li a{ display:block; position:relative; text-align:center; overflow:hidden}

.n_product .fl03 ul li a .img{ display:block; position:relative; line-height:11.5625rem; background:#f7f8fa}

.n_product .fl03 ul li a .img img{ max-height:6rem; max-width:80%}

.n_product .fl03 ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:#a9a9aa; transform:translateY(101%); transition:.6s}

.n_product .fl03 ul li a .top h5{ font-size:1.4375rem; color:#fff; font-weight:bold; margin-bottom:0.875rem}

.n_product .fl03 ul li a .top span{ font-size:0.875rem; color:#fff; display:inline-block; width:7.0625rem; line-height:2rem; background:#e63056; border-radius:1rem;}

.ar_title{ padding-bottom:4rem}

.ar_title h3{ font-size:2.5rem; color:#333333; margin-bottom:1.5rem; line-height:1.5 }

.ar_title h4{ font-size:1.5rem; color:#333333; margin-bottom:1.5rem; line-height:1 }

.ar_title h6{ font-size:1.0rem; color:#333333; line-height:1.25 }

.ar_title h6 span{ margin-right:2rem; position:relative}

.ar_title h6 span img{ margin:-3px 0.75rem 0 0}

.ar_title h6 span font{ color:#007e45}

.n_detail{ padding:0 0 3rem}

.n_detail .ar_article p{ color:#333333}

.ar_title h6 span .social-share{position:absolute;top: -0.375rem;left: 5rem;white-space: nowrap;}



.n_gongzuo{ padding:0 0 4.375rem}

.n_gongzuo .h31{font-size:2.25rem;color:#333333;font-weight:bold;margin: 3rem 0 3rem;}

.n_gongzuo .layui-form{margin: 0 -0.5rem;position: relative;z-index: 1;padding-bottom: 3rem;}

.n_gongzuo .layui-form-item{display:inline-block;vertical-align: top;margin: 0;width: 20%;float: left;clear: none;padding: 0 0.5rem;}

.n_gongzuo .layui-form-item .layui-inline{ margin:0; width: 100%;}

.n_gongzuo .layui-form-item .layui-input-inline{margin:0;width: 100%;}

.n_gongzuo .layui-form-label{font-size: 1rem;color: #666666;width: 100%;text-align: left;line-height: 30px;}

.n_gongzuo .layui-form-select .layui-edge{border:none;background:url(../images/nav_down.svg) center no-repeat;width: 16px;height: 16px;background-size: 16px;margin-top: -8px;right: 15px;}

.n_gongzuo .layui-input, .n_gongzuo .layui-select, .n_gongzuo .layui-textarea{height: 55px;border: #333333 1px solid;font-size: 1rem;color: #666666;border-radius: 5px;padding-left: 15px;}

.n_gongzuo button{ width:100%; height: 55px; background:#007e45; border-radius:5px; font-size:1.375rem; cursor:pointer; letter-spacing:0.5rem}



.n_gongzuo .fl02 table{ width:100%; margin-bottom:2.5rem}

.n_gongzuo .fl02 table tr{}

.n_gongzuo .fl02 table tr td{ line-height:2rem; padding:1rem 0; font-size:1rem; color:#666666}

.n_gongzuo .fl02 table tr td:nth-child(1){ font-size:1.5rem; color:#333333}

.n_gongzuo .fl02 table tr td:last-child{ text-align:right}

.n_gongzuo .fl02 table tr td svg{ fill:#333333; transition:0.36s}



.n_renli .fl01{ }

.n_renli .fl01 ul li a{ display:block; position:relative}

.n_renli .fl01 ul li a .img, .n_renli .fl01 ul li a .img img{ width:49.375rem; height:31.25rem; overflow:hidden}

.n_renli .fl01 ul li a .con{width:calc(100% - 49.375rem);padding: 0 0 0 3.125rem;height:31.25rem;}

.n_renli .fl01 ul li a .con h5{ font-size:1.375rem; color:#333333; font-weight:bold; line-height:1.5rem;}

.n_renli .fl01 ul li a .con p{font-size: 1rem;color:#333333;line-height: 1.875rem;height: 15rem;margin: 1.75rem 0 0;}

.n_renli .fl01 ul li a .con h6{font-size: 13px;color: #000000;margin-bottom: 1.5rem;}

.n_renli .fl01 ul li a .con h6 font{ font-size:13px; color:#aba5a5; margin:0 0.875rem}

.n_renli .fl01 ul li a .con span{display:inline-block;width:10rem;height:3.75rem;line-height:3.75rem;background:#2bbc5c;text-align:center;font-size:1.125rem;color:#fff;margin: 6.875rem 0 0; transition:.6s}



.n_renli .fl02{ padding:4rem 0 0}

.n_renli .fl02 ul{margin:0 -1.5rem;}

.n_renli .fl02 ul li{ float:left; width:33.3333333%; padding:0 1.5rem; margin-bottom:1.75rem}

.n_renli .fl02 ul li a{ display:block; transition:.6s}

.n_renli .fl02 ul li .img{ width:100%; padding-bottom:53.95%; position:relative; overflow:hidden}

.n_renli .fl02 ul li .img>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}

.n_renli .fl02 ul li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0;}

.n_renli .fl02 ul li .con{ background:#f7f8fa; height:3.75rem; transition:.6s}

.n_renli .fl02 ul li .con .box_table_cell *{ white-space:nowrap}

.n_renli .fl02 ul li .con h5{font-size: 1rem;color:#333333;height:1.25rem;line-height:1.25rem;transition:.6s;padding: 0 1rem;}

.n_renli .fl02 ul li .con h5 font{width: calc(100% - 6rem);float: left;overflow: hidden;text-overflow: ellipsis;text-align: left;}

.n_renli .fl02 ul li .con h5 span{ float:right; font-size:0.875rem; color:#666666}



.n_renli .fl03{ padding:3.5rem 0 5rem}

.n_renli .fl03 .left h3{ font-size:1.875rem; color:#000000; font-weight:bold; margin-bottom:2rem}

.n_renli .fl03 .left p{ font-size:1.125rem; color:#888888; line-height:1.75rem; margin-bottom:1rem}

.n_renli .fl03 .left p font{ font-size:1.125rem; color:#2bbc5c}

.n_renli .fl03 .left .img img{ width:10.5rem; height:10.5rem}



.n_renli .fl03 .right{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.14);padding:2rem 2.25rem;margin-top: 3.125rem;}

.n_renli .fl03 .right h4{ font-size:1.125rem; color:#000000; font-weight:bold}

.n_renli .fl03 .right h5{ font-size:1rem; color:#000000; padding:2.75rem 0 1.125rem}

.n_renli .fl03 .right h3{ font-size:1.25rem; color:#2bbc5c; font-weight:bold; margin-bottom:2.5rem}

.n_renli .fl03 .right p{ font-size:14px; color:#4a4949; line-height:24px; margin-bottom:1rem}



.n_renli .fl002{ padding:0 0 0}



.n_gaishu{ overflow:hidden}

.n_rencai .fl01{ padding:0 0 0}

.n_rencai .fl01 ul li a{ display:block; position:relative; margin-bottom:2.5rem}

.n_rencai .fl01 .img, .n_rencai .fl01 .img img{ width:44.75rem; height:30.625rem; overflow:hidden}

.n_rencai .fl01 .con{ width:calc(100% - 44.75rem + 5.75rem); position:absolute; top:3.75rem; bottom:3.75rem; left:0; background:#f7f8fa; padding:0 4rem}

.n_rencai .fl01 .con .box_table{ text-align:left}

.n_rencai .fl01 .con h5{ font-size:1.5rem; color:#282828; position:relative; padding-bottom:2rem; margin-bottom:1.5rem}

.n_rencai .fl01 .con h5:before{ content:""; position:absolute; width:3.25rem; height:3px; background:#2bbc5c; left:0; bottom:0}

.n_rencai .fl01 .con h6{ font-size:1rem; line-height:2rem; margin-bottom:0.125rem; color:#888888}



.n_rencai .fl01 ul li:nth-child(2n) .con{ left:auto; right:0}



.n_gaishu .fl01 .ar_article p{ font-size:1rem; line-height:2.25rem}



.n_gaishu .fl02 .right{ width:34.6875%; height:48.125rem; background:#2bbc5c; padding:9.375rem 0 0 6rem}

.title002{ margin-bottom:3.25rem}

.title002 h3{ font-size:2.5rem; color:#fff; margin-bottom:0.5rem}

.title002 h4{ font-size:1.125rem; color:#fff; text-transform:capitalize}



.n_gaishu .fl02 .miso_hd ul li{padding-bottom:1.25rem;font-size:1.25rem;color:#fff;position:relative;display: inline-block;width: auto !important;clear: both;margin-bottom: 2rem; cursor:pointer}

.n_gaishu .fl02 .miso_hd ul li:before{content:"";position:absolute;left:0;width:0;height:4px;transition:.6s;border-radius:2px;background: #fff;bottom: 0;}

.n_gaishu .fl02 .miso_hd ul li.miso-current:before{ width:100%}

.n_gaishu .fl02 .anniu_box{ margin-top:11.875rem}

.n_gaishu .fl02 .anniu_box .anniu_con{ width:2.5rem; height:2.5rem; background-size:100% 100% !important; margin-bottom:1.125rem; cursor:pointer; transition:.6s}



.n_gaishu .fl02 .anniu_box .anniu_con.anniu_left{ background:url(../images/anniu_left.png) center no-repeat}

.n_gaishu .fl02 .anniu_box .anniu_con.anniu_right{ background:url(../images/anniu_right.png) center no-repeat}



.n_gaishu .fl02 .anniu_box .anniu_con.anniu_left:hover{ background:url(../images/anniu_left_on.png) center no-repeat}

.n_gaishu .fl02 .anniu_box .anniu_con.anniu_right:hover{ background:url(../images/anniu_right_on.png) center no-repeat}



.n_gaishu .fl02 .miso_bd{ width:calc(100% - 34.6875%);}

.n_gaishu .fl02 .miso_bd .miso_slide{height:48.125rem;padding: 11.5rem 15px 0 18vw;text-transform:uppercase;}

.n_gaishu .fl02 .miso_bd .miso_slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left: 0;background: rgba(0,0,0,0.2);}

.n_gaishu .fl02 .miso_bd .miso_slide h5{ font-size:1.5rem; color:#fff; padding-bottom:2.5rem; position:relative; margin-bottom:1.75rem}

.n_gaishu .fl02 .miso_bd .miso_slide h5:before{ content:""; position:absolute; width:1.625rem; height:6px; background:#fff; bottom:0}

.n_gaishu .fl02 .miso_bd .miso_slide p{ font-size:1rem; line-height:1.5rem; color:#fff; max-width:36.25rem; position:relative;}

.n_gaishu .fl02 .miso_bd .miso_slide h6{ font-size:1rem; line-height:1.5rem; color:#fff; max-width:36.25rem; margin-top:2.75rem; position:relative;}

.n_gaishu .fl02 .miso_bd .miso_slide h6 i{ font-style:normal; font-family:simsun; margin-left:0.25rem; }

.n_gaishu .fl02 { margin-bottom:5rem}

.n_gaishu .fl03{ padding-bottom:5rem}

.n_gaishu .fl03 .title001{ margin-bottom:4rem}

.n_gaishu .fl03 .miso_hd ul{ margin:0 -1rem;}

.n_gaishu .fl03 .miso_hd ul li{ text-align:center; padding-bottom:2rem; position:relative; cursor:pointer}

.n_gaishu .fl03 .miso_hd ul li:after{content:"";background:url(../images/jiantou.png) center no-repeat;width:20px;height:13px;position:absolute;right: -10px;top: 1.25rem;}

.n_gaishu .fl03 .miso_hd ul li:before{ content:""; position:absolute; bottom:0; width:0; left:50%; height:4px; border-radius:2px; background:#2bbc5c; transition:.6s; }

.n_gaishu .fl03 .miso_hd ul li h3{ height:4.5rem}

.n_gaishu .fl03 .miso_hd ul li h3 img{display:inline-block;max-height: 3rem;}

.n_gaishu .fl03 .miso_hd ul li h5{ font-size:1.125rem; color:#333333}

.n_gaishu .fl03 .miso_hd ul li:last-child:after{ display:none}



.n_gaishu .fl03 .miso_hd ul li.miso-current:before{ width:4rem; margin-left:-2rem}



.n_gaishu .fl03 .miso_bd .content{ background:#f7f8fa; padding:2rem 2.75rem; border-radius:1.25rem;}

.n_gaishu .fl03 .miso_bd .content .left{ width:37.875rem;}

.n_gaishu .fl03 .miso_bd .content .left a{ display:block; position:relative; border-radius:1.25rem; overflow:hidden}

.n_gaishu .fl03 .miso_bd .content .left a .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(51,51,51,0.17); transition:.6s}

.n_gaishu .fl03 .miso_bd .content .left a .top h5{ font-size:1.5rem; color:#fff; letter-spacing:0.25rem}

.n_gaishu .fl03 .miso_bd .content .left .img, .n_gaishu .fl03 .miso_bd .content .left .img img{ width:100%; height:24.75rem; overflow:hidden; object-fit:cover; border-radius:1.25rem;}

.n_gaishu .fl03 .miso_bd .content .right{width:calc(100% - 37.875rem);padding: 1.25rem 0 0 3.75rem;height: 24.75rem;}

.n_gaishu .fl03 .miso_bd .content .right dl p{ margin-bottom:2.5rem}

.n_gaishu .fl03 .miso_bd .content .right dl h3{font-size:1.5rem;color:#333333;margin-bottom: .875rem;}

.n_gaishu .fl03 .miso_bd .content .right dl p{font-size:1.125rem;color:#888;line-height: 1.5;letter-spacing: 0.25rem;}



.n_gaishu .fl04{ padding-bottom:6rem}

.n_gaishu .fl04 ul{}

.n_gaishu .fl04 ul li a{ display:block; position:relative;} 

.n_gaishu .fl04 ul li a .img, .n_gaishu .fl04 ul li a .img img{ width:45.625rem; height:21.125rem; overflow:hidden; object-fit:cover;}

.n_gaishu .fl04 ul li a .con{ width:calc(100% - 45.625rem); height:21.125rem; background:#f7f8fa; padding:0 6.25rem}

.n_gaishu .fl04 ul li a .con .box_table{ text-align:left}

.n_gaishu .fl04 ul li a .con h3{ font-size:1.5rem; color:#000; margin-bottom:0.5rem}

.n_gaishu .fl04 ul li a .con h4{ font-size:0.875rem; color:#000; text-transform:capitalize}

.n_gaishu .fl04 ul li a .con p{ font-size:1rem; line-height:1.5rem; color:#888888; margin:1rem 0}

.n_gaishu .fl04 ul li a .con h6{ font-size:14px; line-height:1.5rem; color:#2bbc5c; }

.n_gaishu .fl04 ul li a .con h6 i{ font-style:normal; font-family:simsun; margin-left:0.25rem; }



.n_zhaopin{ overflow:hidden}

.n_zhaopin .fl01{ padding:4.375rem 0 4.375rem}

.n_zhaopin .fl01 ul{ padding-bottom:3rem}

.n_zhaopin .fl01 ul li{ padding:0 0.5rem; margin-bottom:1rem}

.n_zhaopin .fl01 ul li a{ display:block; padding:2rem; background:#f7f8fa}

.n_zhaopin .fl01 ul li a h5{ font-size:1.25rem; color:#343434; height:1.5rem; line-height:1.5rem; margin-bottom:8px}

.n_zhaopin .fl01 ul li a h5 font{ width:calc(100% - 5rem)}

.n_zhaopin .fl01 ul li a h5 span{ font-size:1.25rem; color:#2bbc5c; float:right}

.n_zhaopin .fl01 ul li a dl{ border-bottom:#e8e9e9 1px solid; padding-bottom:1.25rem}

.n_zhaopin .fl01 ul li a dl dd{ font-size:1rem; color:#666666; display:inline-block}

.n_zhaopin .fl01 ul li a dl dd:nth-child(2n){ color:#999; margin:0 0.5rem}

.n_zhaopin .fl01 ul li a p{ font-size:1rem; color:#343434; line-height:1.25rem; margin:0.75rem 0}

.n_zhaopin .fl01 ul li a h6{ font-size:0.875rem; color:#9f9e9e}



.n_zhaopin .fl01 ul .miso-dots{ padding:0; margin:0;}

.n_zhaopin .fl01 ul .miso-dots li{ width:0.9375rem; height:0.9375rem; background:#dedede; border-radius:50%; padding:0;  margin:0 0.5rem}

.n_zhaopin .fl01 ul .miso-dots li.miso-active{ background:#8cdba7;}



.n_zhaopin .fl02{ padding-bottom:5rem}

.n_zhaopin .fl02 .content{ margin:0 -1.5rem}

.n_zhaopin .fl02 .content .box{ float:left; width:50%; padding:0 1.5rem}

.n_zhaopin .fl02 .content .box .img img, .n_zhaopin .fl02 .content .box .img{ width:100%; overflow:hidden}

.n_zhaopin .fl02 .content .box .img_con{ padding:2rem 3.125rem; background:#f7f8fa}

.n_zhaopin .fl02 .layui-form{margin: 0 -5px;position: relative;z-index: 1;}

.n_zhaopin .fl02 .layui-form-item{display:inline-block;vertical-align: top;margin: 0;width:6.875rem;float: left;clear: none;padding: 0 5px;}

.n_zhaopin .fl02 .layui-form-item1{ width:calc((100% - 6.875rem) / 2)}

.n_zhaopin .fl02 .layui-form-item2{ width:calc(100% - 6.875rem)}

.n_zhaopin .fl02 .layui-form-item .layui-inline{ margin:0; width: 100%;}

.n_zhaopin .fl02 .layui-form-item .layui-input-inline{margin:0;width: 100%;}

.n_zhaopin .fl02 .layui-form-label{font-size: 1rem;color: #666666;width: 100%;text-align: left;line-height: 30px;}

.n_zhaopin .fl02 .layui-form-select .layui-edge{border:none;background:url(../images/nav_down.svg) center no-repeat;width: 16px;height: 16px;background-size: 16px;margin-top: -8px;right: 15px;}

.n_zhaopin .fl02 .layui-input, .n_zhaopin .fl02 .layui-select, .n_gongzuo .layui-textarea{height: 45px;border: #828282 2px solid;font-size:14px;color: #666666;border-radius: 5px;padding-left: 15px;}

.n_zhaopin .fl02 button{ width:100%; height: 45px; background:#2bbc5c; border-radius:5px; font-size:1rem; cursor:pointer; padding:0; color:#fff}

.n_zhaopin .fl02 .layui-form-select dl{ top:45px}

.n_zhaopin .fl02 .content .box .zhuzhi{ margin-top:3.75rem; font-size:0.875rem; color:#666666; line-height:1.5rem; margin-bottom:1.5rem}



.n_about .fl02{text-align:center;overflow:hidden;padding-bottom: 16rem;}

.n_about .fl02 .box{ display:inline-block; position:relative}

.n_about .fl02 .box:before{content:"";position:absolute;width:100%;height:100%;left:50%;margin-left:-50%;top:50%;margin-top:-50%;transform:scale(0.3);background: #fff;border-radius: 50%;}

.n_about .fl02 .box:before{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:intervalHamburgerBorder1;animation-name:intervalHamburgerBorder1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}

@-webkit-keyframes intervalHamburgerBorder1{0%{opacity:1;-webkit-transform:scale(0.6);transform:scale(0.6)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}

@keyframes intervalHamburgerBorder1{0%{opacity:1;-webkit-transform:scale(0.6);transform:scale(0.6)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}



.n_about .fl02 .box img{ position:relative}



.n_about .fl02 .box .wz{ position:absolute; top:0; left:0; width:100%; height:100%}

.n_about .fl02 .box .wz h3{font-size: 1.375rem;color:#fff;margin-bottom:0.75rem;margin-top: 2rem;font-weight: normal;}

.n_about .fl02 .box .wz h4{font-size: 0.875rem;color: #fff;font-weight:normal;letter-spacing: 1px;}

.n_about .fl02 .box .con{position:absolute;white-space: nowrap;font-size: 1.125rem;color: #656565;font-weight: bold;height: 25px;}

.n_about .fl02 .box .con span{position:absolute;width:78px;height:25px;line-height:25px;text-align:center;border: #009938 1px solid;font-size:14px;color: #009938;left: 10rem;top: -42px;display: inline-block;font-weight: normal;}

.n_about .fl02 .box .con h5{font-size: 14px;color: #888888;line-height: 24px;}

.n_about .fl02 .box .con:before{width: 7.5rem;}

.n_about .fl02 .box .con:after{width: 25px;height: 25px;}

.n_about .fl02 .box .con01{left: 84%;top: 8rem;padding-left: 10rem;}

.n_about .fl02 .box .con01:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #009938 1px dashed;}

.n_about .fl02 .box .con01:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}



.n_about .fl02 .box .con02{left: 83%;bottom: 8rem;padding-left: 10rem;}

.n_about .fl02 .box .con02:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #009938 1px dashed;}

.n_about .fl02 .box .con02:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}



.n_about .fl02 .box .con03{right: 83%;bottom: 8rem;padding-right: 10rem;}

.n_about .fl02 .box .con03:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #009938 1px dashed;}

.n_about .fl02 .box .con03:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}



.n_about .fl02 .box .con04{right: 84%;top: 8rem;padding-right: 10rem;}

.n_about .fl02 .box .con04:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #009938 1px dashed;}

.n_about .fl02 .box .con04:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}



.n_about .fl02 .box .con05{left:50%;bottom: -9rem;padding-top: 12rem;transform: translateX(-50%);}

.n_about .fl02 .box .con05:before{content:"";position:absolute;width: 1px;height: 7.5rem;top: 15px;left: 50%;margin-top:-1px;border-right: #009938 1px dashed;}

.n_about .fl02 .box .con05:after{content:"";position:absolute;top: 0;margin-top: 0;left: 50%;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;margin-left: -12px;}



.n_about .fl02 .box .con05 span{left: 50%;top: 9.5rem;margin-left: -39px;}



.n_about .fl02 .box .con03 span,.n_about .fl02 .box .con04 span{left:auto;right: 10rem;}



#adimage{ position:relative; width:100%}

#adimage .datu{ width:100%}

#adimage .box{position:absolute;top: 50%;right:20px;margin-top: -12px;}

#adimage .box img{ transition:.6s}

#adimage .box:hover img{ transform:rotate(180deg)}



.n_gaishu .fl03 .miso_bd .content ul.ul4{margin: 3rem -2rem;}

.n_gaishu .fl03 .miso_bd .content ul.ul4 li{ float:left; width:25%; padding:0 2rem; text-align:center}

.n_gaishu .fl03 .miso_bd .content ul.ul4 li .img, .n_gaishu .fl03 .miso_bd .content ul.ul4 li .img img{ border-radius:1.25rem; width:100%; overflow:hidden}

.n_gaishu .fl03 .miso_bd .content ul.ul4 li .con h3{font-size:1.5rem;color:#333333;padding: 3rem 0 1.25rem;}

.n_gaishu .fl03 .miso_bd .content ul.ul4 li .con p{font-size:1.125rem;color:#888888;line-height: 1.5;}



.n_gaishu .fl03 .miso_bd .content ul.ul5{margin: 3rem -1.25rem;}

.n_gaishu .fl03 .miso_bd .content ul.ul5 li{ float:left; width:20%; padding:0 1.25rem; text-align:center}

.n_gaishu .fl03 .miso_bd .content ul.ul5 li .con h3{ font-size:1.25rem}



.n_gaishu .fl03 .miso_bd .content ul.ul6{margin: 2rem -1.25rem 0;}

.n_gaishu .fl03 .miso_bd .content ul.ul6 li{ float:left; width:33.333333%; padding:0 1.25rem; text-align:center; margin-bottom:2rem}

.n_gaishu .fl03 .miso_bd .content ul.ul6 li .img, .n_gaishu .fl03 .miso_bd .content ul.ul6 li .img img{ display:inline-block; border-radius:1.25rem; width:auto; max-width:100%; overflow:hidden}

.n_gaishu .fl03 .miso_bd .content ul.ul6 li .con h3{ font-size:1.25rem; padding:1.5rem 0 0}



.n_gaishu .fl03 .miso_bd .content ul.ul7{margin: 2rem -1.25rem 0;}

.n_gaishu .fl03 .miso_bd .content ul.ul7 li{float:left;width:50%;padding:0 1.25rem;margin-bottom: 2.5rem;line-height:1.5;font-size:1.5rem;color:#333333;}

.n_gaishu .fl03 .miso_bd .content ul.ul7 li span{ display:inline-block; position:relative; padding-left:1.25rem}

.n_gaishu .fl03 .miso_bd .content ul.ul7 li span:before{ content:""; position:absolute; top:0.5rem; left:0; width:5px; height:1.25rem; background:#2bbc5c}



.n_product-search{position:absolute;right:0;top: .5rem;}



.n_product-search{height: 50px;padding: 0 0 0 10px;background: #f9f9f9;width: 20rem;}

.n_product-search input::-webkit-input-placeholder{ color:#999;}

.n_product-search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }

.n_product-search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}

.n_product-search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

.n_product-search input.input_text{width: calc(100% - 50px);height: 50px;padding: 0;font-size: 14px;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;}

.n_product-search button{width: 50px;height: 50px;border:0;line-height: 50px;background: #2bbc5c url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;position: absolute;background-size: 20px 20px;right: 0;}

.fenxiang_box{display:inline-block;margin: 0 0 0 2.5rem;}

.shart_box{display:inline-block;cursor:pointer;color: #666;margin: 0 .5rem 0 0;}

@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;background: #fff;position: relative;vertical-align: top;margin: 0;transition:.5s;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 0.25rem;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: 1.875rem;height: 1.875rem;border-radius:50%;line-height: 1.875rem;border: none;color: #fff;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 1rem;}.social-share .social-share-icon:hover{/* color: #dbaf7e; */}.social-share .icon-weibo{background: #dd4f69;}.social-share .icon-weibo:hover{}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{background: #56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{background: #FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{background: #0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;background: #7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}





/*==========================================内页 结束=============================================*/



/*aos="zoom-in" aos-duration="1200"*/